<template>
    <div class="container">
       <left class="left"></left> 
       <right class="right"></right>
    </div>
</template>

<script>
import Left from './components/Left.vue'
import Right from './components/Right.vue'
export default {
    components:{
        Left,Right
    }
}
</script>
<style>
.container{
    display: flex;
    height: 100vh;
}
.left{
    flex-grow: 1;
    height: 100%;
    background-color: yellow;
}
.right{
    flex-grow: 1;
     height: 100%;
    background-color: skyblue;
}
   

</style>